import React, { Component } from "react";

// 函数组件可以通过props参数直接接收
// props的值在子组件不能被修改，单向数据流
const Child1 = (props) => {
  return <div>child1组件 - {props.count}</div>;
};

// 在类组件里面可以通过this.props的方式拿到属性
class Child2 extends Component {
  render() {
    // console.log(this);
    const { msg } = this.props;
    return <div>child2组件 - {msg}</div>;
  }
}

class App extends Component {
  render() {
    return (
      <>
        <h3>props</h3>
        <Child1 count={5} />
        <Child2 msg="hello" />
      </>
    );
  }
}

export default App;
